<% content_for :head do -%>
<script type="text/javascript" src="https://js.stripe.com/v1/"></script>
<%= javascript_include_tag "stripe" %>
<script type="text/javascript">Stripe.setPublishableKey('<%=STRIPE_PUBLISHABLE_KEY%>');</script>      
<% end -%>
<div class="container-fluid">
	<div class="row-fluid">		
		<div class="span8">
			<div class="hero-unit">
				<p><%=@product.product_name%> from <%=@product.merchant.name%></p>
				<div id="credit-card-errors" class="errors">
					<span id="stripe-error-message"></span>
				</div>
				<form action="/payment/submit" method="POST" id="payment-form" class="form">
				    <div class="form-row">
				        <label>Card Number</label>
				        <input id="credit-card" type="text" size="20" autocomplete="off" class="card-number input-large" value="4242424242424242" />
				    </div>
				    <div class="form-row">
				        <label>CVC</label>
				        <input id="cvc" type="text" size="4" autocomplete="off" class="cvc input-mini" />
				    </div>
				    <div class="form-row">
				        <label>Expiration (MM/YYYY)</label>
				        <input id="expiry-month" type="text" class="card-expiry-month input-mini"/>
				        <span> / </span>
				        <input id="expiry-year" type="text" class="card-expiry-year input-mini"/>
				    </div>
				    <div>
				    	<span>You will be charged</span>
				    	<span class="uneditable-input"><%=@product.price%></span>				    	
				    </div>
				    <input name="s_token" id ="s_token" type="hidden" value=""/>
				    <input name="masked_cc" id ="masked_cc" type="hidden" value=""/>				    
				    <input name="order_id" id ="order_id" type="hidden" value="<%=@order_id%>"/>
				    <button type="submit" id="user_submit" class="btn btn-success">Get it</button>
				</form>
			</div>
		</div>			
	</div>
</div>
